<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>博学谷-IT在线教育培训机构-传智教育旗下IT在线学习平台</title>
    <!-- 引入重置样式表 -->
    <link rel="stylesheet" href="./css/reset.css" />
    <!-- 引入公共样式表 -->
    <link rel="stylesheet" href="./css/base.css" />
    <!-- 引入当前页面样式表 -->
    <link rel="stylesheet" href="./css/index.css" />
    <!-- 引入图标字体库 -->
    <link rel="stylesheet" href="./fa/css/all.css" />
    <!-- 设置网站图标 -->
    <link rel="icon" href="./img/favicon.ico" />
    <!-- 引用工具 -->
    <script type="text/javascript" src="./tools.js"></script>
    <script type="text/javascript" src="./index.js"></script>
  </head>

  <body>
    <div class="wrapper">
      <!-- 创建顶部导航条 -->
      <div class="top-wrapper">
        <!-- 创建内部容器 -->
        <div class="topbar w clearfix">
          <div class="top">
            <div class="left">
              <p class="qian">传智博客旗下高端IT在线教育平台</p>
              <!-- 设置分割线 -->
              <span>|</span>
              <p class="hou">一样的在线教育，不一样的教学品质</p>
            </div>
            <div class="right">
              <a href="#">博学谷咨讯</a>
              <a href="#">下载app</a>
              <a href="#">我的消息</a>
              <i class="fas fa-circle"></i>
              <span>|</span>
              <a href="#">咨询热线：010-56288220</a>
            </div>
          </div>
        </div>
      </div>
      <!-- 创建上部导航条 -->
      <div class="nav-wrapper">
        <div class="navbar w clearfix">
          <div class="nav">
            <a href="javascript:;">
              <img src="./img/logo.png" alt="" />
            </a>
          </div>
          <div class="text">
            <a href="#" class="yangshi">免费课</a>
            <a href="#">优质课</a>
            <a href="javascript:;" class="hot1">
              <img src="./img/home-tag-hot.png" alt="" />
            </a>
            <a href="#">就业课</a>
            <a href="javascript:;" class="hot2">
              <img src="./img/home-tag-hot.png" alt="" />
            </a>
            <a href="#">问答库</a>
            <a href="#">论坛</a>
          </div>
          <div class="search-wrapper">
            <form class="search" action="#">
              <input class="search-inp" type="text" />
              <button class="search-btn">
                <img src="./img/search.png" alt="" />
              </button>
            </form>
          </div>
          <div class="login">
            <button class="denglu">登录</button>
            <button class="zhuce">注册</button>
          </div>
        </div>
      </div>
      <div class="wenzi">
        <a href="#"
          >你报名的《JavaEE在线就业班》已学至“2-2-8服务端渲染解决方案”
          前往学习>></a
        >
      </div>
      <div class="header-wrapper">
        <div class="header w clearfix">
          <div class="javaee">
            <nav class="java">
              <div class="item">
                <a href="javascript:;">
                  JavaEE
                  <i class="fas fa-chevron-right"></i>
                </a>
              </div>
              <div class="item">
                <a href="javascript:;">
                  前端与移动开发
                  <i class="fas fa-chevron-right"></i>
                </a>
              </div>
              <div class="item">
                <a href="javascript:;">
                  云计算大数据
                  <i class="fas fa-chevron-right"></i>
                </a>
              </div>
              <div class="item">
                <a href="javascript:;">
                  人工智能+python
                  <i class="fas fa-chevron-right"></i>
                </a>
              </div>
              <div class="item">
                <a href="javascript:;">
                  UI/UE设计
                  <i class="fas fa-chevron-right"></i>
                </a>
              </div>
              <div class="item">
                <a href="javascript:;">
                  淘宝电商
                  <i class="fas fa-chevron-right"></i>
                </a>
              </div>
              <div class="item">
                <a href="javascript:;">
                  影视制作
                  <i class="fas fa-chevron-right"></i>
                </a>
              </div>
              <div class="item">
                <a href="javascript:;">
                  新媒体+短视频运营
                  <i class="fas fa-chevron-right"></i>
                </a>
              </div>
              <div class="item">
                <a href="javascript:;">
                  产品经理
                  <i class="fas fa-chevron-right"></i>
                </a>
              </div>
            </nav>
            <!-- 设置右拉框 -->
            <div class="javaee-list">
              <a href="javascript:;">Java SE</a>
              <a href="javascript:;">JDBC编程</a>
              <a href="javascript:;">DHTML编程</a>
              <a href="javascript:;">Java WEB编程</a>
              <a href="javascript:;">Android 编程</a>
              <a href="javascript:;">SVN应用</a>
              <a href="javascript:;">CVS应用</a>
              <a href="javascript:;">Java SE</a>
              <a href="javascript:;">Java SE</a>
              <a href="javascript:;">Java SE</a>
              <a href="javascript:;">Java SE</a>
              <a href="javascript:;">Java SE</a>
              <a href="javascript:;">Java SE</a>
              <a href="javascript:;">Java SE</a>
              <a href="javascript:;">Java SE</a>
              <a href="javascript:;">Java SE</a>
            </div>
          </div>
        </div>
        <div id="outer">
          <button id="prev">
            <i class="fas fa-angle-left"></i>
          </button>
          <ul id="imglist">
            <li>
              <a href="javascript:;">
                <img class="imm" src="./img/banner5.jpg" alt="" />
              </a>
            </li>
            <li>
              <a href="javascript:;">
                <img class="imm" src="./img/banner.jpg" alt="" />
              </a>
            </li>
            <li>
              <a href="javascript:;">
                <img class="imm" src="./img/banner1.jpg" alt="" />
              </a>
            </li>
            <li>
              <a href="javascript:;">
                <img class="imm" src="./img/banner2.jpg" alt="" />
              </a>
            </li>
            <li>
              <a href="javascript:;">
                <img class="imm" src="./img/banner3.jpg" alt="" />
              </a>
            </li>
            <li>
              <a href="javascript:;">
                <img class="imm" src="./img/banner4.jpg" alt="" />
              </a>
            </li>
            <li>
              <a href="javascript:;">
                <img class="imm" src="./img/banner6.jpg" alt="" />
              </a>
            </li>
            <li>
              <a href="javascript:;">
                <img class="imm" src="./img/banner7.jpg" alt="" />
              </a>
            </li>
            <li>
              <a href="javascript:;">
                <img class="imm" src="./img/banner5.jpg" alt="" />
              </a>
            </li>
          </ul>
          <div id="pointer">
            <a href="javascript:;" class="active"></a>
            <a href="javascript:;" class="active"></a>
            <a href="javascript:;" class="active"></a>
            <a href="javascript:;" class="active"></a>
            <a href="javascript:;" class="active"></a>
            <a href="javascript:;" class="active"></a>
            <a href="javascript:;" class="active"></a>
            <a href="javascript:;" class="active"></a>
          </div>
          <button id="next">
            <i class="fas fa-angle-right"></i>
          </button>
          <div class="zhibo-wrapper">
            <h1>直播课</h1>
            <h2>实时直播，随时查看</h2>
            <div class="imgku">
              <a href="javascript:;">
                <h2>开课倒计时</h2>
                <div id="time"></div>
              </a>
            </div>
            <h3>实战React全栈+服务</h3>
            <img src="./img/myvideo-time.png" alt="" />
            <h4>2022-12-13 18:00:00</h4>
            <button class="baoming">立即报名</button>
            <button class="kecheng">往期课程</button>
          </div>
        </div>
      </div>
      <div class="middle-wrapper">
        <h1>最新资讯</h1>
        <a href="javascript:;">
          <span class="butong">为什么90%的It技术人员不适合去澳洲...</span>
          <span>无人餐厅横空出世，再不努力就会去...</span>
          <span>为什么90%的It技术人员不适合去澳洲...</span>
          <div class="teshu">
            更多
            <i class="fas fa-angle-right"></i>
          </div>
        </a>
      </div>
      <div class="img-wrapper">
        <a href="javascript:;" class="img1">
          <img src="./img/17.jpeg" alt="" />
        </a>
        <a href="javascript:;" class="img2">
          <img src="./img/28.jpeg" alt="" />
        </a>
      </div>
      <div class="jiaxin">
        <h1>加薪课</h1>
        <span>
          更多
          <i class="fas fa-angle-right"></i>
        </span>
        <div class="sheji">
          <a href="javascript:;">
            <img src="./img/22.jpg" alt="" />
            <h2>[UI]AE软件精品课</h2>
            <h3>人工智能+python在职加薪专门为职场人大量</h3>
          </a>
        </div>
        <div class="api">
          <a href="javascript:;">
            <img src="./img/11.jpg" alt="" />
            <h2>[UI]AE软件精品课</h2>
            <h3>人工智能+python在职加薪专门为职场人大量</h3>
          </a>
        </div>
        <div class="java">
          <a href="javascript:;">
            <img src="./img/05.jpg" alt="" />
            <h2>[UI]AE软件精品课</h2>
            <h3>人工智能+python在职加薪专门为职场人大量</h3>
          </a>
        </div>
        <div class="banner">
          <a href="javascript:;">
            <img src="./img/13.jpg" alt="" />
          </a>
        </div>
      </div>
    </div>
  </body>
</html>
